<template>
  <div class="container">
    <div :style="{ backgroundImage: `url(${require('@/assets/background.png')})` }"></div>
    <div class="center">OneHub博客，记录你的每一天</div>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.container div {
  width: 1897px;
  height: 820px;
  background-size: cover;
}

.container {
  position: relative;
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-31%, -11%);
  color: #fff;
  font-size: 72px;
  font-weight: bold;
  padding-bottom: 2px;
  box-shadow: transparent 0px 0px 0px;
  text-shadow: #191919 2px 2px 8px;
  margin-left: 16px;
}
</style>